<script setup>
import { ref } from 'vue';
import mainLogo from '../assets/images/mainLogo.png';
</script>
<template>
    <div class="container">
        <el-image class="mainLogo" :src="mainLogo" fit="fill" :lazy="true"></el-image>
    </div>
</template>
<style lang="scss" scoped>
.container {
    width: auto;
    height: 100%;
    background-color: rgb(245, 245, 245);
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center;     /* 垂直居中 */
    .mainLogo {
        width: auto;
    }
}
</style>